<template>
  <div> 
    <el-pagination
      :page-count="PageCode"
      :current-page="pageSize"
      :page-sizes="[3, 5, 8, 10]"
      small="small"
      :disabled="disabled"
      class="page"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total"
      @size-change="(e) => change(e)"
      @current-change="(e) => current(e)"
    />
  </div>
</template>

<script>
export default {
  props: {
    pageCode: {
      type: Number,
      default: 7,
    },
    total: {
      type: Number,
      default: 1,
    },
    pageSize: {
      type: Number,
      default: 1,
    },
  },
  methods: {
    change(e) {
      this.$emit("handleSizeChange",e );
      this.$emit("getlist");
    },
    current(e) {
      this.$emit("handleCurrentChange",e );
      console.log( e )
      this.$emit("getlist");
    },
  },
} 
</script>

<style>
.page {
  margin-top: 17px;
  float: right;
}
</style>